<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>Home</title>
  <link rel="stylesheet" type="text/css" href="./index.css" />
  <!-- <link rel="stylesheet" type="text/css" href="../fontawesome.min.css" /> -->
  <link rel="stylesheet" type="text/css" href="../font-awesome.min.css" />
  <link rel="stylesheet" type="text/css" href="../newProject/index.css" />
  <link rel="stylesheet" type="text/css" href="../importProject/index.css" />
</head>

<body>
  <div id="root">
    <div class="header">
      <div class="header-exterDiv"></div>
      <!-- <button class="header-publicBtn1">
        <img src="./resource/gitee.png" class="pubImg" width="53%" style="margin-bottom: 4px;">
      </button> -->
      <button class="header-publicBtn3">
        <i class="fa fa-globe userIcon"></i>
      </button>
      <button class="header-publicBtn2">
        <i class="fa fa-qq userIcon"></i>
      </button>
      <button class="header-publicBtnWiki">
        <i class="fa fa-wikipedia-w userIcon"></i>
      </button>
      <button class="userBtn">
        <div class="userBox">
          <i class="fa fa-user-circle userIcon2"></i>
        </div>
      </button>
    </div>
    <div class="leftContent">
    </div>
    <div class="rightContent">
      <div class="homeHeader">
        <div class="welcomeTitle">
          <h2 class="welcomeIDE">欢迎使用 LuatIDE</h2>
        </div>
        <div class="ideIcon">
          <img style="width: 260px; border-radius: 130px;"
            src="https://luater.gallerycdn.vsassets.io/extensions/luater/luatide/1.2.8/1640239236341/Microsoft.VisualStudio.Services.Icons.Default"
            alt="LuatIDE">
            <h2 class="ideVersion"></h2>
        </div>
        <div class="operatBox">
          <ul>
            <li>
              <button class="select newProject">
                <label>新 建 工 程</label>
              </button>
            </li>
            <li>
              <button class="select openProject">
                <label>打 开 工 程</label>
              </button>
            </li>
            <li>
              <button class="select openLuatToolsProject">
                <label>导入 LuaTools 项目</label>
              </button>
            </li>
          </ul>
        </div>
      </div>
      <div style="clear: both"></div>
      <hr class="hr-solid-content" data-content="最新资讯">
      <div class="newsBox">
        <div>
          <a href="" class="newUrl1 newUrl">
            <img class="newItem newImg1"
              src="http://cdn.openluat-luatcommunity.openluat.com/images/20210707171204573_luatideproject.png" alt="">
          </a>
        </div>
        <div>
          <a href="" class="newUrl2 newUrl">
            <img class="newItem newImg2"
              src="http://cdn.openluat-luatcommunity.openluat.com/images/20210707171215356_news_02%20-%20%E5%89%AF%E6%9C%AC.jpg" alt="">
          </a>
        </div>
        <div>
          <a href="" class="newUrl3 newUrl">
            <img class="newItem newImg3"
              src="http://cdn.openluat-luatcommunity.openluat.com/images/20210730171736579_v3102.jpg"
              alt="">
          </a>
        </div>
      </div>
      <div style="clear: both"></div>
      <hr class="hr-solid-content" data-content="技术支持">
      <div class="footer">
        <ul>
          <li><a href="" class="footerBtn1">工具源码</a></li>
          <li>|</li>
          <li><a href="" class="footerBtn2">QQ</a></li>
          <li>|</li>
          <li><a href="" class="footerBtn3">联系我们</a></li>
          <!-- <li>|</li>
          <li><button class="commentBtn"><label>问题反馈</label></button></li> -->
        </ul>
      </div>
    </div>
    <div class="rightRtContent">
      
    </div>
  </div>
  <!-- 登录页面 -->
  <div class="loginModal">
    <div class="login">
      <div class="cancelLoginDiv">
        <input class="login-cancel" type="button" value="×" />
      </div>
      <h2>登录</h2>
      <form class="login-Form">
        <div class="form-box form-boxFirst">
          <i class="fa fa-user"></i>
          <input type="text" id="username" required="" placeholder="用户名" autocomplete="off">
        </div>
        <div class="form-box">
          <i class="fa fa-lock"></i>
          <input type="password" id="password" name="" placeholder="密码" required="" autocomplete="off">
        </div>
        <div class="login-opeDiv">
          <button class="btLogin loginbtn" type="button">登 录</button>
        </div>
        <div class="exterBox">
          <a class="btforgetPw" href="">忘记密码</a>
          <a class="btNoAcc" href="">注册</a>
        </div>
      </form>
    </div>
  </div>
  <!-- 忘记密码 -->
  <div class="forgetModal">
    <div class="forgetPw">
      <!-- <button class="forgitPw-cancel" type="button">
        <img class="backImg" src="./resource/back.png" alt="" style="width: 80%;">
      </button> -->
      <h2>重置密码</h2>
      <form class="forgetPw-Form">
        <div class="form-box">
          <i class="fa fa-mobile"></i>
          <input type="text" id="forgetPw-phone" placeholder="手机号" required="" autocomplete="off">
        </div>
        <div class="form-boxS">
          <div class="form-box form-boxExter">
            <i class="fa fa-check"></i>
            <input type="text" id="forgetPw-code" placeholder="验证码" required="" autocomplete="off">
          </div>
          <button class="forgitPw-sentVerCode loginbtn" type="button">发送验证码</button>
        </div>
        <div class="form-box">
          <i class="fa fa-lock"></i>
          <input type="password" id="forgetPw-newPw" placeholder="新密码" required="" autocomplete="off">
        </div>
        <div class="form-box">
          <i class="fa fa-lock"></i>
          <input type="password" id="forgetPw-verPw" placeholder="确认密码" required="" autocomplete="off">
        </div>
        <div class="forgetPw-operaDiv">
          <button class="forgitPw-cancel loginbtn" type="button">取消</button>
          <button class="forgitPw-sure loginbtn" type="button">确认</button>
        </div>
      </form>
    </div>
  </div>
  <div class="newProjectHtml">
    <div class="newProjectHtmlChild">
      <!-- <iframe src="../newProject/index.html" height="100%" width="100%" style="border-radius: 20px;"></iframe> -->
      <div class="nP-father">
        <div class="nP-navbar">
          <div class="nP-navbarChild">
            <button class="nP-menu" id="space">空白工程</button>
            <button class="nP-menu" id="example">示例工程</button>
            <button class="nP-menu" id="ndk">NDK工程</button>
            <button class="nP-menu" id="ui">UI工程</button>
          </div>
        </div>
        <div class="nP-content">
          <div class="nP-contentChild">
            <!-- 空白工程-->
            <div class="cancelNewProject">
              <input class="nP-cancelNewProject" type="button" value="×" />
            </div>
            <div>
              <h2 class="nP-projectTip">新建工程向导</h2>
            </div>
            <h2 class="nP-tips">请修改提示的错误选项</h2>
            <div class="nP-content_space">
              <div class="nP-tip_title">默认会在工程路径下创建main.lua文件，用来作为lua脚本运行入口。</div>
              <form class="nP-form" name="nP-project_space">
                <div class="nP-project_path nP-item">
                  <label>工程路径</label>
                  <input name="nP-space_project_path" id="nP-space_customepath" type="text"
                    onclick="nP_handelBackstage('openSource', 'customProjectPath')" readonly>
                </div>
                <div class="nP-project_name nP-item">
                  <label>工程名称</label>
                  <input name="nP-space_project_name" type="text" value="myProject1">
                </div>
                <div class="nP-module_type nP-item">
                  <label>模块型号</label>
                  <select class="nP-select_getSpace_ModuleInfo">
                  </select>
                </div>
                <div class="nP-lib_path nP-item">
                  <label>LIB</label>
                  <select class="nP-select_getSpace_LibInfo">
                    <!-- <option value="default" id="space_customeLib" style="display: none;">点击选择</option> -->
                  </select>
                  <!-- <button type="button" class="space_lib_btn exBtn" onclick="handelBackstageExtra('openSource', 'customLibPath')">自定义</button> -->
                </div>
                <!-- <h5 class="tip_spaceLib specialTips">该模块型号不支持 lib 文件</h5> -->
                <div class="nP-core nP-item">
                  <label>CORE</label>
                  <select class="nP-select_getSpace_CoreInfo">
                    <!-- <option value="default" id="space_customeCore" style="display: none;">点击选择</option> -->
                  </select>
                  <!-- <button type="button" class="space_core_btn exBtn" onclick="handelBackstageExtra('openSource', 'customCorePath')">自定义</button> -->
                </div>
                <!-- <h5 class="tip_spaceCore specialTips">该模块型号不支持 core 文件</h5> -->
                <div class="nP-btn">
                  <input class="nP-cancel" type="button" value="取消" />
                  <input class="nP-submit" type="button" value="完成" />
                </div>
              </form>
            </div>
            <!-- 示例工程-->
            <div class="nP-content_example">
              <div class="nP-tip_title">LuatOS系统 demo应用</div>
              <form class="nP-form" name="nP-project_example">
                <div class="nP-project_path nP-item">
                  <label>工程路径</label>
                  <input name="nP-example_project_path" id="nP-example_customepath" type="text"
                    onclick="nP_handelBackstage('openSource', 'customProjectPath')" readonly>
                </div>
                <div class="nP-project_name nP-item">
                  <label>工程名称</label>
                  <input name="nP-example_project_name" type="text" value="myProject1">
                </div>
                <div class="nP-module_type nP-item">
                  <label>模块型号</label>
                  <select class="nP-select_getExample_ModuleInfo">
                  </select>
                </div>
                <div class="nP-example nP-item">
                  <label>示例选择</label>
                  <select class="nP-select_getExample_ExampleInfo">
                  </select>
                </div>
                <div class="nP-core nP-item">
                  <label>CORE</label>
                  <select class="nP-select_getExample_CoreInfo">
                    <!-- <option value="default" id="example_customeCore" style="display: none;">点击选择</option> -->
                  </select>
                  <!-- <button type="button" class="example_core_btn exBtn" onclick="handelBackstageExtra('openSource', 'customCorePath')">自定义</button> -->
                </div>
                <!-- <h6 class="tip_exampleCore specialTips">该模块型号不支持 core 文件</h6> -->
                <div class="nP-btn">
                  <input class="nP-cancel" type="button" value="取消" />
                  <input class="nP-submit" type="button" value="完成" />
                </div>
              </form>
            </div>
            <!-- NDK-->
            <div class="nP-content_ndk">
              <div class="nP-tip_title">在LuatOS系统上，使用 C 和 C++ 语言实现应用，Lua语言直接调用</div>
              <form class="nP-form" name="nP-project_ndk">
                <div class="nP-project_path nP-item">
                  <label>工程路径</label>
                  <input name="nP-ndk_project_path" id="nP-ndk_customepath" type="text"
                    onclick="nP_handelBackstage('openSource', 'customProjectPath')" readonly>
                </div>
                <div class="nP-project_name nP-item">
                  <label>工程名称</label>
                  <input name="nP-ndk_project_name" type="text" value="myProject1">
                </div>
                <div class="nP-module_type nP-item">
                  <label>模块型号</label>
                  <select class="nP-select_getNDK_ModuleInfo">
                  </select>
                </div>
                <div class="nP-example nP-item">
                  <label>示例选择</label>
                  <select class="nP-select_getNDK_ExampleInfo">
                  </select>
                </div>
                <div class="nP-lib_path nP-item">
                  <label>LIB</label>
                  <select class="nP-select_getNDK_LibInfo">
                  </select>
                </div>
                <div class="nP-core nP-item">
                  <label>CORE</label>
                  <select class="nP-select_getNDK_CoreInfo">
                  </select>
                </div>
                <div class="nP-btn">
                  <input class="nP-cancel" type="button" value="取消" />
                  <input class="nP-submit" type="button" value="完成" />
                </div>
              </form>
            </div>
            <!-- UI-->
            <div class="nP-content_ui">
              <div class="nP-tip_title">生成在LuatOS系统上运行的界面应用</div>
              <form class="nP-form" name="nP-project_ui">
                <div class="nP-project_path nP-item">
                  <label>工程路径</label>
                  <input name="nP-ui_project_path" id="nP-ui_customepath" type="text"
                    onclick="nP_handelBackstage('openSource', 'customProjectPath')" readonly>
                </div>
                <div class="nP-project_name nP-item">
                  <label>工程名称</label>
                  <input name="nP-ui_project_name" type="text" value="myProject1">
                </div>
                <div class="nP-module_type nP-item">
                  <label>模块型号</label>
                  <select class="nP-select_getUi_ModuleInfo">
                  </select>
                </div>
                <div class="nP-lib_path nP-item">
                  <label>LIB</label>
                  <select class="nP-select_getUi_LibInfo">
                    <!-- <option value="default" id="ui_customeLib" style="display: none;">点击选择</option> -->
                  </select>
                  <!-- <button type="button" class="ui_lib_btn exBtn" onclick="handelBackstageExtra('openSource', 'customLibPath')">自定义</button> -->
                </div>
                <!-- <h6 class="tip_uiLib specialTips">该模块型号不支持 lib 文件</h6> -->
                <div class="nP-core nP-item">
                  <label>CORE</label>
                  <select class="nP-select_getUi_CoreInfo">
                    <!-- <option value="default" id="ui_customeCore" style="display: none;">点击选择</option> -->
                  </select>
                  <!-- <button type="button" class="ui_core_btn exBtn" onclick="handelBackstageExtra('openSource', 'customCorePath')">自定义</button> -->
                </div>
                <div class="nP-screenCfg nP-item">
                  <label>屏幕分辨率</label>
                  <div class="nP-screenCfgChild">
                    <input name="nP-ui_project_scrCfgWidth" type="text" placeholder="屏幕宽度" oninput = "value=value.replace(/[^\d]/g,'')">
                    <input name="nP-ui_project_scrCfgHeight" type="text" placeholder="屏幕高度" oninput = "value=value.replace(/[^\d]/g,'')">
                  </div>
                </div>
                <!-- <h6 class="tip_uiCore specialTips">该模块型号不支持 core 文件</h6> -->
                <div class="nP-btn">
                  <input class="nP-cancel" type="button" value="取消" />
                  <input class="nP-submit" type="button" value="完成" />
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
  <div class="openProjectHtml">
    <div class="openProjectHtmlChild">
      <!-- <iframe src="../importProject/index.html" height="80%" width="80%" style="border-radius: 20px;"></iframe> -->
      <div class="iP-father">
        <div class="iP-content">
          <div class="cancelOpenProject">
            <input class="iP-cancelOpenProject" type="button" value="×" />
          </div>
          <div class="iP-contentChild">
            <!-- 空白工程-->
            <div class="iP-content_space">
              <div class="iP-tip_title">默认会在工程路径下创建main.lua文件，用来作为lua脚本运行入口。</div>
              <form class="iP-form" name="iP-project_space">
                <div class="iP-itemBody">
                  <div class="iP-project_path iP-item">
                    <label>工程路径</label>
                    <input name="iP-space_project_path" id="iP-space_customepath" type="text" class="cursorursorForLuatTools"
                      onclick="iP_handelBackstage('openSourceOpenProject', 'customProjectPathOpenProject')" readonly>
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-project_name iP-item">
                    <label>工程名称</label>
                    <input name="iP-space_project_name" class="cursorursorForLuatTools" type="text">
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-module_type iP-item">
                    <label>模块型号</label>
                    <select class="iP-select_getSpace_ModuleInfo">
                    </select>
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-lib_path iP-item">
                    <label>LIB</label>
                    <select class="iP-select_getSpace_LibInfo">
                      <!-- <option value="default" id="space_customeLib" style="display: none;">点击选择</option> -->
                    </select>
                    <!-- <button type="button" class="space_lib_btn iP-exBtn" onclick="handelBackstageExtra('openSource', 'customLibPath')">自定义</button> -->
                  </div>
                  <h2 class="iP-tips-lib"> LIB存在问题，请修改</h2>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-core iP-item">
                    <label>CORE</label>
                    <select class="iP-select_getSpace_CoreInfo">
                      <!-- <option value="default" id="space_customeCore" style="display: none;">点击选择</option> -->
                    </select>
                    <!-- <button type="button" class="space_core_btn iP-exBtn" onclick="handelBackstageExtra('openSource', 'customCorePath')">自定义</button> -->
                  </div>
                  <h2 class="iP-tips-core"> &nbsp;&nbsp;&nbsp;&nbsp;CORE存在问题，请修改</h2>
                </div>
                <!-- <h6 style="margin-left: 200px;" class="tip_spaceLib">该模块型号不支持 lib 文件</h6> -->
                <!-- <h6 style="margin-left: 200px;" class="tip_spaceCore">该模块型号不支持 core 文件</h6> -->
                <div class="iP-btn">
                  <input class="iP-cancel" type="button" value="取消" />
                  <input class="iP-submit" type="button" value="完成" />
                </div>
              </form>
            </div>
            <!-- 示例工程-->
            <div class="iP-content_example">
              <div class="iP-tip_title">LuatOS系统 demo应用</div>
              <form class="iP-form" name="iP-project_example">
                <div class="iP-itemBody">
                  <div class="iP-project_path iP-item">
                    <label>工程路径</label>
                    <input name="iP-example_project_path" id="iP-example_customepath" type="text" class="disableCursor"
                      onclick="iP_handelBackstage('openSourceOpenProject', 'customProjectPathOpenProject')" readonly>
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-project_name iP-item">
                    <label>工程名称</label>
                    <input name="iP-example_project_name" class="disableCursor" type="text">
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-module_type iP-item">
                    <label>模块型号</label>
                    <select class="iP-select_getExample_ModuleInfo">
                    </select>
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-example iP-item">
                    <label>示例选择</label>
                    <select class="iP-select_getExample_ExampleInfo">
                    </select>
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-core iP-item">
                    <label>CORE</label>
                    <select class="iP-select_getExample_CoreInfo">
                      <!-- <option value="default" id="example_customeCore" style="display: none;">点击选择</option> -->
                    </select>
                    <!-- <button type="button" class="example_core_btn iP-exBtn" onclick="handelBackstageExtra('openSource', 'customCorePath')">自定义</button> -->
                  </div>
                  <h2 class="iP-tips-core"> &nbsp;&nbsp;&nbsp;&nbsp;CORE存在问题，请修改</h2>
                </div>
                <!-- <h6 style="margin-left: 200px;" class="tip_exampleCore">该模块型号不支持 core 文件</h6> -->
                <div class="iP-btn">
                  <input class="iP-cancel" type="button" value="取消" />
                  <input class="iP-submit" type="button" value="完成" />
                </div>
              </form>
            </div>
            <!-- NDK-->
            <div class="iP-content_ndk">
              <div class="iP-tip_title">在LuatOS系统上，使用 C 和 C++ 语言实现应用，Lua语言直接调用</div>
              <form class="iP-form" name="iP-project_ndk">
                <div class="iP-itemBody">
                  <div class="iP-project_path iP-item">
                    <label>工程路径</label>
                    <input name="iP-ndk_project_path" id="iP-ndk_customepath" type="text" class="disableCursor"
                      onclick="iP_handelBackstage('openSourceOpenProject', 'customProjectPathOpenProject')" readonly>
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-project_name iP-item">
                    <label>工程名称</label>
                    <input name="iP-ndk_project_name" class="disableCursor" type="text">
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-module_type iP-item">
                    <label>模块型号</label>
                    <select class="iP-select_getNDK_ModuleInfo">
                    </select>
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-example iP-item">
                    <label>示例选择</label>
                    <select class="iP-select_getNDK_ExampleInfo">
                    </select>
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-lib_path iP-item">
                    <label>LIB</label>
                    <select class="iP-select_getNDK_LibInfo">
                    </select>
                  </div>
                  <h2 class="iP-tips-lib"> LIB存在问题，请修改</h2>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-core iP-item">
                    <label>CORE</label>
                    <select class="iP-select_getNDK_CoreInfo">
                    </select>
                  </div>
                  <h2 class="iP-tips-core"> &nbsp;&nbsp;&nbsp;&nbsp;CORE存在问题，请修改</h2>
                </div>
                <div class="iP-btn">
                  <input class="iP-cancel" type="button" value="取消" />
                  <input class="iP-submit" type="button" value="完成" />
                </div>
              </form>
            </div>
            <!-- UI-->
            <div class="iP-content_ui">
              <div class="iP-tip_title">生成在LuatOS系统上运行的界面应用</div>
              <form class="iP-form" name="iP-project_ui">
                <div class="iP-itemBody">
                  <div class="iP-project_path iP-item">
                    <label>工程路径</label>
                    <input name="iP-ui_project_path" id="iP-ui_customepath" type="text" class="disableCursor"
                      onclick="iP_handelBackstage('openSourceOpenProject', 'customProjectPathOpenProject')" readonly>
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-project_name iP-item">
                    <label>工程名称</label>
                    <input name="iP-ui_project_name" class="disableCursor" type="text">
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-module_type iP-item">
                    <label>模块型号</label>
                    <select class="iP-select_getUi_ModuleInfo">
                    </select>
                  </div>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-lib_path iP-item">
                    <label>LIB</label>
                    <select class="iP-select_getUi_LibInfo">
                      <!-- <option value="default" id="ui_customeLib" style="display: none;">点击选择</option> -->
                    </select>
                    <!-- <button type="button" class="ui_lib_btn iP-exBtn" onclick="handelBackstageExtra('openSource', 'customLibPath')">自定义</button> -->
                  </div>
                  <h2 class="iP-tips-lib"> LIB存在问题，请修改</h2>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-core iP-item">
                    <label>CORE</label>
                    <select class="iP-select_getUi_CoreInfo">
                      <!-- <option value="default" id="ui_customeCore" style="display: none;">点击选择</option> -->
                    </select>
                    <!-- <button type="button" class="ui_core_btn iP-exBtn" onclick="handelBackstageExtra('openSource', 'customCorePath')">自定义</button> -->
                  </div>
                  <h2 class="iP-tips-core"> &nbsp;&nbsp;&nbsp;&nbsp;CORE存在问题，请修改</h2>
                </div>
                <div class="iP-itemBody">
                  <div class="iP-screenCfg iP-item">
                    <label>屏幕分辨率</label>
                    <div class="iP-screenCfgChild">
                      <input name="iP-ui_project_scrCfgWidth" type="text" placeholder="屏幕宽度" class="disableCursor">
                      <input name="iP-ui_project_scrCfgHeight" type="text" placeholder="屏幕高度" class="disableCursor">
                    </div>
                  </div>
                </div>
                <div class="iP-btn">
                  <input class="iP-cancel" type="button" value="取消" />
                  <input class="iP-submit" type="button" value="完成" />
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="../jquery-3.6.0.js"></script>
  <script type="text/javascript" src="../importProject/index.js"></script>
  <script type="text/javascript" src="../newProject/index.js"></script>
  <script type="text/javascript" src="./index.js"></script>
</body>

</html>